import * as React from 'react';
import './jsx.scss';
class Jxs extends React.Component{
     render() {
        return (
            <div className="c-react-home-wrap">
                <h2 onClick={()=>{
                    window.location.href='http://10.15.198.18:8090/pages/viewpage.action?pageId=3932983#id-%E3%80%90%E5%88%86%E4%BA%AB%E4%BC%9A1811%E3%80%9109-react%E8%84%9A%E6%89%8B%E6%9E%B6---create-reate-app-5%E3%80%81JSX%E4%BB%8B%E7%BB%8D'
                }}>简单了解</h2>
                <h4 className="title">React Native看起来很像React，只不过其基础组件是原生组件而非web组件。</h4>
                <p>ES2015 （也叫作ES6）——这是一套对JavaScript的语法改进的官方标准。但是这套标准目前还没有在所有的浏览器上完整实现，所以目前而言web开发中还很少使用。React Native内置了对ES2015标准的支持，你可以放心使用而无需担心兼容性问题。上面的示例代码中的import、from、class、extends、以及() =>箭头函数等新语法都是ES2015中的特性。</p>
                <p>JSX——是一种在JavaScript中嵌入XML结构的语法。很多传统的应用框架会设计自有的模板语法，让你在结构标记中嵌入代码。React反其道而行之，设计的JSX语法却是让你在代码中嵌入结构标记。初看起来，这种写法很像web上的HTML，只不过使用的并不是web上常见的标签如{'<div>'}或是{'<span>'}等，这里我们使用的是React Native的组件</p>
                <ul>
                    <li>
                        <h4 className="list-title">html5的标签语法：</h4>
                        <img src={require('$img/rn/jsx.png')} alt=""/>
                    </li>
                </ul>
                
            </div>
        );
    }
}

export default Jxs;
